<template>
  <view class="page">
	<view class="swiper">
		<image-swiper :images="imageList"></image-swiper>
	</view>
	<view class="introdution">
		<view class="h1">
			<text class="aleft">展厅介绍</text>
			<view class="aright">
				<view><uni-icons type="star" size="15"></uni-icons> 收藏 </view>
				<view><uni-icons type="compose" size="15"></uni-icons> 分享</view>
			</view>
		</view>
		<view class="content">
			<view class="h3"><text>常规展览</text></view>
			<view class="h3"><text>馆内一楼</text></view>
			<view class="h3"><text>免票</text></view>
			<view class="text">
				<text>“第一王朝”位于第一展厅，为二里头夏都遗址博物馆基本陈列的第一部分，分别由“茫茫禹迹，九州攸同”、“赐土命氏，祚以天下”和“夷夏东西，夏道兴衰” 三个单元组成。这一展厅选取了王城岗遗址、禹会村遗址、肖家屋脊遗址、新砦遗址、灰嘴遗址、王湾遗址、瓦店遗址、偃师商城遗址和二里头遗址等一系列与探索夏文化密切相关的遗址，并节选《史记》、《竹书纪年》等历史文献，使地下文物和地上文献相结合，较为科学、系统地揭示了夏王朝的发展脉络及历史意义，强调了夏王朝在中国历史上的地位。</text>
			</view>
		</view>
		
	</view>
  </view>

</template>

<script>
  import ImageSwiper from '@/components/rck/image-swiper.vue'
  export default {
    components:{
      ImageSwiper
    },
    data() {
      return {
        imageList: [
          'http://demo.cyyyds.cn/uploads/20250114/1.jpg?v=2',
          'http://demo.cyyyds.cn/uploads/20250114/2.jpg?v=2',
          'http://demo.cyyyds.cn/uploads/20250114/3.jpg?v=2',
          'http://demo.cyyyds.cn/uploads/20250114/4.jpg?v=2',
          'http://demo.cyyyds.cn/uploads/20250114/5.jpg?v=2'
        ]
      }
    },
    onLoad: function() {
		uni.setNavigationBarTitle({
			title:"展厅介绍"
		})
		// 设置导航栏标题颜色
		uni.setNavigationBarColor({
		  frontColor: '#ffffff',
		  backgroundColor: '#721b28'
		});
    }
  }
</script>

<style lang="scss" scoped>
.page{
	background-color: #f5f4ee;
	height: 100vh;
	.introdution{
		background-color: #f5f4ee;
		.h1{
			font-size:39upx;
			font-weight: bold;
			padding:30upx 30upx 0 30upx;
			.aleft{
				float:left;
				width: calc( 100% - 180upx );
			}
			.aright{
				width: 180upx;
				float:right;
				font-size: 20upx;
				font-weight: normal;
				display: flex;
				justify-content: space-between;
			}
			height: 40upx;
		}
		.content{
			border-radius: 20upx;
			background-color: #f9f9f9;
			margin: 30upx;
			.h3{
				font-size:26upx;
				padding: 10upx 30upx;
			}
			.text{
				background: #eee;
				border:solid 1px #c9c9c9;
				margin: 20upx;
				padding:20upx;
				font-size:20upx;
			}
		}
	}
}


</style>
